<div id="contenedor" class="container"> 
    <div class="row-fluid">
        <ul class="span12 breadcrumb alingCenter">
            <li>Configure aquí las categorías de los productos y servicios que oferece el establecimiento</li>
        </ul>
    </div>
    <!--    <div class="row-fluid">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a>Productos y servicios</a>
                </li>
                <li><a href="">Dotación del hotel</a></li>
            </ul>
        </div>-->
    <div class="row-fluid">
        <button id="botonNuevaCategoria" href="#modalNuevaCategoria" data-toggle="modal" class="btn btn-primary">Nueva categoría</button>
    </div>
    <br>
    <div class="row-fluid">
        <table id="tabla" class="table table-striped table-hover">
            <thead>
                <tr>
                    <th>Nombre</th>
                    <th>Descripción</th>
                    <th>Tiene inventario</th>
                    <th>Opciones</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($categorias as $row) { ?>
                    <tr>
                        <td><?= $row->nombre ?></td>
                        <td><?= $row->descripcion ?></td>
                        <td><?= ($row->tiene_inventario == 1) ? "Si" : "No" ?></td>
                        <td><a title="Ver" class="btn btn-primary btn-small" href="<?= base_url() ?>productosyservicios/<?= $row->id_categoria_producto ?>">Ver</a> 
                            <button title="Editar" href="#modalEditarCategoria" data-toggle="modal" class="btn btn-small btn-primary editar" data-idcategoria="<?= $row->id_categoria_producto ?>" data-nombre="<?= $row->nombre ?>" data-descripcion="<?= $row->descripcion ?>" data-tieneinventario="<?= $row->tiene_inventario ?>">Editar</button>
                            <button title="Eliminar" href="#modalEliminarCategoria" data-toggle="modal"  class="btn btn-danger btn-small eliminar" data-idcategoria="<?= $row->id_categoria_producto ?>"><i class="icon-remove icon-white"></i></button></td>
                    </tr>
                <?php } ?>
            </tbody>
        </table>
    </div>
</div>
<!-- Modal nueva categoria -->
<div id="modalNuevaCategoria" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3>Nueva categoría</h3>
    </div>
    <form id="formNuevaCategoria" action="productosyservicios/crearcategoria" method="POST" class="formBlockDisplay">
        <div class="modal-body">
            <div class="row-fluid">
                <div class="span4 text-right">Nombre:</div>
                <div class="span8"><input name="nombre" type="text" required></div>
            </div>
            <div class="row-fluid">
                <div class="span4 text-right">Tipo:</div>
                <div class="span8">
                    <select name="tipo" required>
                        <option value="">Seleccionar...</option>
                        <option value="producto">Producto</option>
                        <option value="servicio">Servicio</option>
                    </select>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4 text-right">Descripción:</div>
                <div class="span8"><textarea name="descripcion" rows="4"></textarea></div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
            <button type="submit" class="btn btn-primary">Enviar</button>
        </div>
    </form>
</div>

<!-- Modal editar categoria -->
<div id="modalEditarCategoria" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3>Editar categoría</h3>
    </div>
    <form id="formEditarCategoria" action="productosyservicios/editarcategoria" method="POST" class="formBlockDisplay">
        <input id="idCategoriaEditar" name="idCategoria" type="hidden">
        <div class="modal-body">
            <div class="row-fluid">
                <div class="span4 text-right">Nombre:</div>
                <div class="span8"><input id="nombreCategoria" name="nombre" type="text" required></div>
            </div>
            <div class="row-fluid">
                <div class="span4 text-right">Tipo:</div>
                <div class="span8">
                    <select  id="tipoCategoria" name="tipo" required>
                        <option value="">Seleccionar...</option>
                        <option value="producto">Producto</option>
                        <option value="servicio">Servicio</option>
                    </select>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4 text-right">Descripción:</div>
                <div class="span8"><textarea  id="descripcionCategoria" name="descripcion" rows="4"></textarea></div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
            <button type="submit" class="btn btn-primary">Enviar</button>
        </div>
    </form>
</div>

<!-- Modal eliminar categoria -->
<div id="modalEliminarCategoria" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3>Eliminar categoría</h3>
    </div>
    <form id="formEliminarCategoria" action="productosyservicios/eliminarcategoria" method="POST" class="formBlockDisplay">
        <input id="idCategoriaEliminar" name="idCategoria" type="hidden">
        <div class="modal-body">
            ¿Esta seguro de eliminar esta categoría?
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
            <button type="submit" class="btn btn-primary">Enviar</button>
        </div>
    </form>
</div>